<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml"
	xml:lang="en" lang="en"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Sistema GED</title>
	<h:outputStylesheet library='stylesheets' media="screen"
		name="style.css" />
	<h:outputStylesheet library='stylesheets' media="screen"
		name="jquery-ui-1.8.7.custom.css" />


	<h:outputStylesheet library='stylesheets/fancybox' media="screen"
		name="jquery.fancybox-1.3.4.css" />
	<link rel="shortcut icon" type="images/png"
		href="#{request.contextPath}/resources/images/favicon.png" />
	<f:facet name="first">
		<h:outputScript library='javascripts' name="jquery-1.4.2.min.js" />
		<h:outputScript library='javascripts'
			name="jquery.ui/jquery-ui-1.8.7.custom.min.js" />
		<h:outputScript library='javascripts'
			name="jquery.ui/jquery.ui.datepicker-pt-BR.js" />
		<h:outputScript library='javascripts'
			name="jquery.ui/jquery.ui.timepicker.addon.js" />
		<h:outputScript library='javascripts'
			name="fancybox/jquery.fancybox-1.3.4.js" />
	</f:facet>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<style>
#navigation>ul>li>ul {
	opacity: 0;
	visibility: hidden;
	padding: 16px 0 20px 0;
	background-color: #fafafa;
	text-align: left;
	position: absolute;
	top: 25px;
	left: 15.5%;
	margin-left: -90px;
	width: 180px;
	-webkit-transition: all .2s .1s;
	-moz-transition: all .2s .1s;
	-o-transition: all .2s .1s;
	transition: all .2s .1s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
}

#navigation>ul>li:hover>ul {
	opacity: 1;
	top: 32px;
	visibility: visible;
}

#navigation>ul>li>ul:before {
	content: '';
	display: block;
	border-color: transparent transparent rgb(250, 250, 250) transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}

#navigation>ul ul>li {
	position: relative;
}

#navigation ul ul a {
	background-color: rgb(250, 250, 250);
	padding: 5px 9px 7px 16px;
	display: block;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
	color: rgb(50, 50, 50);
	font-size: 12px;
	width: 85%;
	border: none;
}

#navigation ul ul a:hover {
	
}

#navigation ul ul ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -16px;
	left: 206px;
	padding: 16px 0 20px 0;
	background-color: rgb(250, 250, 250);
	text-align: left;
	width: 160px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
}

#navigation ul ul>li:hover>ul {
	opacity: 1;
	left: 196px;
	visibility: visible;
}

#navigation ul ul a:hover {
	text-decoration: underline;
	background-color: rgba(255,51,0,0.3);
	color: rgba(0,0,0, 0.6);
}

#header {
	min-height: 78px;
}

#navigation {
	position: absolute;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
}
</style>

</h:head>
<body>
	<h:body>
		<div id="header" class="png_bg">

			<div id="head_wrap" class="container_12">

				<!-- start of logo - you could replace this with an image of your logo -->
				<div id="logo" class="grid_4">
					
					 <h:graphicImage
							library='images' name="logo_smaller.png" />
				</div>
				<!-- end logo -->

				<!-- start control panel -->
				<div id="controlpanel" class="grid_8">

					<ul>

						<c:if test="#{usuarioMB.currUsuario != null}">


							<h:form prependId="false" class="last">
								<li>
									<p>
										Bem vindo, <strong>#{usuarioMB.currUsuario.nome}</strong>
									</p>
								</li>

								<li><h:commandLink value="Minha Conta"
										action="#{usuarioMB.minhaConta}" class="first" /></li>
								<li><h:commandLink value="Sair do Sistema"
										action="#{usuarioMB.doLogout}" class="last" /></li>
							</h:form>
						</c:if>
					</ul>

				</div>
				<!-- end control panel -->

				<!-- start navigation -->
				<div id="navigation" class=" grid_12">
					<ul>
						<c:if test="#{usuarioMB.currUsuario.perfil == 'ADMINISTRADOR' }">
							<li class="inicioAdm"><h:link id="inicioAdm" value="Início"
									outcome="/protegido/admin/index.xhtml" /></li>
							<li class="usuariosAdm"><h:link id="usuariosAdm"
									value="Usuários"
									outcome="/protegido/admin/usuario/listar.xhtml" /></li>
							<li class="disciplinasAdm"><h:link id="disciplinasAdm"
									value="Disciplinas"
									outcome="/protegido/admin/disciplina/listar.xhtml" /></li>
							<li class="matriculaAdm"><h:link id="matriculaAdm"
									value="Matrículas"
									outcome="/protegido/admin/matricula/listar.xhtml" /></li>
						</c:if>

						<c:if test="#{usuarioMB.currUsuario.perfil == 'ALUNO' }">
							<li class="inicioAluno"><h:link id="inicioAluno"
									value="Início" outcome="/protegido/aluno/index.xhtml" /></li>
						</c:if>
						<c:if test="#{usuarioMB.currUsuario.perfil == 'PROFESSOR' }">
							<li class="inicioProf"><h:link id="inicioProf"
									value="Início" outcome="/protegido/prof/index.xhtml" /></li>
							<li class='has-sub disciplinasProf'><h:link
									id="disciplinasProf"
									outcome="/protegido/prof/disciplinas.xhtml"
									value="Disciplinas Ministradas" /> <c:if
									test="#{usuarioMB.listarDisciplinasByProfId().size() > 0}">
									<ul>
										<h:form>
											<c:forEach items="#{usuarioMB.listarDisciplinasByProfId()}"
												var="d">
												<li class='has-sub'><h:commandLink value="#{d.nome} #{d.semestre}"
															action="#{disciplinaMB.detalharDisciplina(d.id)}"/></li>
											</c:forEach>
										</h:form>
									</ul>
								</c:if></li>
							<li class="questoesProf"><h:link id="questoesProf"
									value="Questões de Prova"
									outcome="/protegido/prof/questao/listar.xhtml" /></li>
						</c:if>
					</ul>
				</div>
				<!-- end navigation -->

			</div>
			<!-- end headwarp  -->
		</div>
		<!-- end header -->

		<!-- staqrt subnav -->
		<div id="sub_nav">
			<div id="subnav_wrap" class="container_12">
				<!-- start sub nav list -->
				<div id="subnav" class=" grid_12">
					<ul>
						<ui:insert name='subMenu' />
					</ul>
				</div>
				<!-- end subnavigation list -->
			</div>
		</div>
		<!-- end sub_nav -->

		<!-- EVERYTING BELOW IS THE MAIN CONTENT -->
		<div id="main_content_wrap" class="container_12">
			<ui:insert name='conteudoPrincipal' />
		</div>
		<div class="clearfix"></div>

		<!-- end content wrap -->
		<div id="bg-rodape">
			<div id="rodape">
				<div class="copyright">
					Projeto de Desenvolvimento de Sistema Corporativo<br /> Diretoria
					de Educação e Tecnologia da Informação – Instituto Federal de
					Educação, Ciência e Tecnologia do Rio Grande do Norte
				</div>
				<div class="assinatura">
					<a href="http://dietinf.ifrn.edu.br" target="_blank"> <h:graphicImage
							library='images' name="assinatura.png" /></a>
				</div>
			</div>
		</div>
	</h:body>
</body>
</html>
